<template>
	<view class="content-header">
		<view class="body">
			<view class="header flex-column">
				<view>推荐收入</view>
				<view>362556.36</view>
			</view>
			<view class="body-left">
				<view v-if="logList.length==0">
					<image class="not-img" src="../../static/user/wsj.png" mode="scaleToFill"></image>
					<view class="not-txt">暂无数据</view>
				</view>
				<view v-if="logList.length>0">
					<scroll-view :scroll-y="true" class="has-data">
						<view class="has-data-top">
							<view class="one" v-for="item in logList">
								<view class="ones-top">
									<view class="flex-row flex-content-between">
										<view class="flex-column ones-up">
											<view>推荐-13563265213</view>
											<view>2023.09.06  12:00:00</view>
										</view>
										<view class="ones-dow">1200</view>
									</view>
								</view>
							</view>
						</view>
					</scroll-view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return {
				logList:[
					"",
					"",
					"",
					"",
					"",
					"",
					"",
					"",
					"",
					"",
					"",
					"",
					"",
					"",
					"",
					"",
					"",
					"",
					
				],//收入列表
			}
		}
	}
</script>

<style lang="scss">
	.ones-dow{
		font-size: 30rpx;
		font-family: PingFang SC-Bold, PingFang SC;
		font-weight: bold;
		color: #333333;
		line-height: 89rpx;
	}
	.ones-up{
		>view:nth-child(1){
			font-size: 28rpx;
			font-family: PingFang SC-Bold, PingFang SC;
			font-weight: bold;
			color: #333333;
		}
		>view:nth-child(2){
			font-size: 24rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #999999;
			margin-top: 16rpx;
		}
	}
	.ones-top{
		padding-top: 20rpx;
		padding-left: 30rpx;
		padding-right: 30rpx;
		padding-bottom: 20rpx;
	}
	.one{
		width: 690rpx;
		height: 129rpx;
		background: #FFFFFF;
		border-radius: 20rpx 20rpx 20rpx 20rpx;
		opacity: 1;
		margin-bottom: 34rpx;
	}
	.has-data-top{
		padding-bottom: 34rpx;
	}
	/* #ifdef H5 */
	.has-data{
		width: 100%;
		height: calc(100vh - 302rpx - 120rpx);
	}
	/* #endif */
	/* #ifdef APP-PLUS */
	.has-data{
		width: 100%;
		height: calc(100vh - 302rpx - 30rpx);
	}
	/* #endif */
	/* #ifdef MP */
	.has-data{
		width: 100%;
		height: calc(100vh - 302rpx - 30rpx);
	}
	/* #endif */
	.not-txt{
		font-size: 24rpx;
		font-family: PingFang SC-Regular, PingFang SC;
		font-weight: 400;
		color: #999999;
		text-align: center;
		margin-top: 20rpx;
	}
	.not-img{
		width: 282rpx;
		height: 165rpx;
		margin-top: 252rpx;
		margin-left: 204rpx;
	}
	.body-left{
		margin-top: 83rpx;
	}
	.header{
		width: 690rpx;
		height: 219rpx;
		/* #ifdef MP */
		background-image: url('http://ws.facai.maowenke.cn/img/bk.png');
		/* #endif */
		/* #ifndef MP */
		background-image: url('../../static/index/bk.png');
		/* #endif */
		
		background-size: 100%;
		>view:nth-child(1){
			font-size: 26rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #8D6400;
			text-align: center;
			margin-top: 56rpx;
		}
		>view:nth-child(2){
			font-size: 40rpx;
			font-family: PingFang SC-Bold, PingFang SC;
			font-weight: bold;
			color: #333333;
			text-align: center;
			margin-top: 14rpx;
		}
	}
	.body{
		width: 690rpx;
		margin-top: 20rpx;
		margin-left: 30rpx;
		margin-right: 30rpx;
	}
</style>